<style type="text/css" media="all">/*put your style here*/</style>

<script type="text/x-underscore-template">//put your template here</script>

<style>

/* Swipe 2 required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
.menu-page .menu-list li .icon{
    padding:10px !important;
}
.menu-page .menu-list2 li .icon{
  padding: 20px 0 !important;
}
.menu-page .menu-list2 .menu-item{position: relative;}


.main_tit{width: 100%; height: 80px; line-height: 80px; font-size:20px; font-weight:bold; text-align: center; padding: 20px 0 50px;}
.menu-page .menu-list2 li{position: relative;}
.menu-page .menu-list2 .menu-item{height: 240px}
.valign{position:absolute;top:50%;left:50%; height:180px;width:100%;margin-left:-50%; margin-top:-90px;text-align:center;zoom:1;}
.valign .tit{font:20px/25px "Microsoft yahei";padding-top: 10px;}
.valign p{color: #fff;}
.menu-page .menu-list2 li.s1 > div{background:#6eb943 }
.menu-page .menu-list2 li.s2 > div{background:#ef5972 }
.menu-page .menu-list2 li.s3 > div{background:#f48221 }

</style>

<!-- content -->
<div class="menu-page" >

  <div class="logo"><img src="../login/img/haier.ing" width="100%"  ></div>
  <div id='mySwipe' style='max-width:5000px;margin:0 auto;' class='swipe'>
    
    <div class='swipe-wrap'>
      <div>
        <ul class="menu-list2" >

          <li  class="home s1" state="home1">
            <div class="menu-item invalid">
              <div class="valign">
                <p><img src="img/newMessage_icon.ing"></p>
                <p class="tit">新消息</p>
                <p class="num">（1）</p>
              </div>

            </div>
          </li>
          <li class="home s2" state="home2">
            <div class="menu-item ">
              <div class="valign">
                <p><img src="img/unclosedLoop_icon.ing"></p>
                <p class="tit">未闭环</p>
                <p class="num">（1）</p>
              </div>
            </div>
          </li>

          <li  class="home s3" state="home3">
            <div class="menu-item ">
              <div class="valign">
                <p><img src="img/closedLoop_icon.ing"></p>
                <p class="tit">闭环</p>
                <p class="num">（1）</p>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>

  </div>

</div>